<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜单添加--layui后台管理模板</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all" />
    <style type="text/css">
        .layui-form-item .layui-inline{ width:33.333%; float:left; margin-right:0; }
        @media(max-width:1240px){
            .layui-form-item .layui-inline{ width:100%; float:none; }
        }
        .detail-body{
            margin: 20px 20px 20px 20px;
            min-height: 306px;
            line-height: 26px;
            font-size: 16px;
            color: #333;
            word-wrap: break-word;
        }
        .site-doc-icon{margin-bottom: 50px; font-size: 0;}
        .site-doc-icon li{display: inline-block; vertical-align: middle; width: 127px; line-height: 25px; padding: 20px 0; margin-right: -1px; margin-bottom: -1px; border: 1px solid #e2e2e2; font-size: 14px; text-align: center; color: #666; transition: all .3s; -webkit-transition: all .3s;}
        .site-doc-icon li .layui-icon{display: inline-block; font-size: 36px;}

        .site-doc-icon li .fontclass{display: none;}
        .site-doc-icon li .name{color: #c2c2c2;}
        .site-doc-icon li:hover{background-color: #f2f2f2; color: #000;cursor:pointer}
    </style>
</head>
<body class="childrenBody">
<div class="detail-body"  id="tong">
    <ul class="site-doc-icon">
        <li>
            <i class="layui-icon"></i>
            <div class="name">主页</div>
            <div class="code">&amp;#xe68e;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">赞</div>
            <div class="code">&amp;#xe6c6;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">踩</div>
            <div class="code">&amp;#xe6c5;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">男</div>
            <div class="code">&amp;#xe662;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">女</div>
            <div class="code">&amp;#xe661;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">相机-空心</div>
            <div class="code">&amp;#xe660;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">相机-实心</div>
            <div class="code">&amp;#xe65d;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">菜单-水平</div>
            <div class="code">&amp;#xe65f;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">菜单-竖直</div>
            <div class="code">&amp;#xe671;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">返回</div>
            <div class="code">&amp;#xe65c;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">Hot</div>
            <div class="code">&amp;#xe756;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">等级</div>
            <div class="code">&amp;#xe735;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">金额-人民币</div>
            <div class="code">&amp;#xe65e;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">金额-美元</div>
            <div class="code">&amp;#xe659;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">位置</div>
            <div class="code">&amp;#xe715;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">文档</div>
            <div class="code">&amp;#xe705;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">检验</div>
            <div class="code">&amp;#xe6b2;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">笑脸</div>
            <div class="code">&amp;#xe6af;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">哭脸</div>
            <div class="code">&amp;#xe69c;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">购物车1</div>
            <div class="code">&amp;#xe698;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">购物车2</div>
            <div class="code">&amp;#xe657;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">星级</div>
            <div class="code">&amp;#xe658;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">上一页</div>
            <div class="code">&amp;#xe65a;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">下一页</div>
            <div class="code">&amp;#xe65b;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">上传-空心</div>
            <div class="code">&amp;#xe681;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">上传-实心</div>
            <div class="code">&amp;#xe67c;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">文件夹</div>
            <div class="code">&amp;#xe7a0;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">应用</div>
            <div class="code">&amp;#xe857;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">播放</div>
            <div class="code">&amp;#xe652;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">播放暂停</div>
            <div class="code">&amp;#xe651;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">音乐</div>
            <div class="code">&amp;#xe6fc;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">视频</div>
            <div class="code">&amp;#xe6ed;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">语音</div>
            <div class="code">&amp;#xe688;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">喇叭</div>
            <div class="code">&amp;#xe645;</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">对话</div>
            <div class="code">&amp;#xe611;</div>
            <div class="fontclass">.duihua</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">设置</div>
            <div class="code">&amp;#xe614;</div>
            <div class="fontclass">.shezhi</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">隐身-im</div>
            <div class="code">&amp;#xe60f;</div>
            <div class="fontclass">.yinshenim</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">搜索</div>
            <div class="code">&amp;#xe615;</div>
            <div class="fontclass">.search</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">分享</div>
            <div class="code">&amp;#xe641;</div>
            <div class="fontclass">.fenxiang1</div>
        </li>

        <li>
            <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop">ဂ</i>
            <div class="name">刷新</div>
            <div class="code">&amp;#x1002;</div>
        </li>

        <li>
            <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
            <div class="name">loading</div>
            <div class="code">&amp;#xe63d;</div>
        </li>

        <li>
            <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
            <div class="name">loading</div>
            <div class="code">&amp;#xe63e;</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">设置</div>
            <div class="code">&amp;#xe620;</div>
            <div class="fontclass">.shezhi1</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">引擎</div>
            <div class="code">&amp;#xe628;</div>
            <div class="fontclass">.yinqing</div>
        </li>
        <li>
            <i class="layui-icon">ဆ</i>
            <div class="name">阅卷错号</div>
            <div class="code">&amp;#x1006;</div>
            <div class="fontclass">.yuejuancuohao</div>
        </li>
        <li>
            <i class="layui-icon">ဇ</i>
            <div class="name">错-</div>
            <div class="code">&amp;#x1007;</div>
            <div class="fontclass">.cuo</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">报表</div>
            <div class="code">&amp;#xe629;</div>
            <div class="fontclass">.baobiao</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">star</div>
            <div class="code">&amp;#xe600;</div>
            <div class="fontclass">.star</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">圆点</div>
            <div class="code">&amp;#xe617;</div>
            <div class="fontclass">.yuandian</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">客服</div>
            <div class="code">&amp;#xe606;</div>
            <div class="fontclass">.kefu</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">发布</div>
            <div class="code">&amp;#xe609;</div>
            <div class="fontclass">.logo</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">21cake_list</div>
            <div class="code">&amp;#xe60a;</div>
            <div class="fontclass">.list</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">图表</div>
            <div class="code">&amp;#xe62c;</div>
            <div class="fontclass">.tubiao</div>
        </li>
        <li>
            <i class="layui-icon">စ</i>
            <div class="name">正确</div>
            <div class="code">&amp;#x1005;</div>
            <div class="fontclass">.right</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">换肤2</div>
            <div class="code">&amp;#xe61b;</div>
            <div class="fontclass">.huanfu2</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">在线</div>
            <div class="code">&amp;#xe610;</div>
            <div class="fontclass">.On-line</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">右右</div>
            <div class="code">&amp;#xe602;</div>
            <div class="fontclass">.youyou</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">左左</div>
            <div class="code">&amp;#xe603;</div>
            <div class="fontclass">.zuozuo</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">表格</div>
            <div class="code">&amp;#xe62d;</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">icon_树</div>
            <div class="code">&amp;#xe62e;</div>
            <div class="fontclass">.icon5</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">上传</div>
            <div class="code">&amp;#xe62f;</div>
            <div class="fontclass">.iconfont17</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">添加</div>
            <div class="code">&amp;#xe61f;</div>
            <div class="fontclass">.tianjia</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">下载</div>
            <div class="code">&amp;#xe601;</div>
            <div class="fontclass">.xiazai</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">选择模版48</div>
            <div class="code">&amp;#xe630;</div>
            <div class="fontclass">.xuanzemoban48</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">工具</div>
            <div class="code">&amp;#xe631;</div>
            <div class="fontclass">.gongju</div>
        </li>

        <li>
            <i class="layui-icon"></i>
            <div class="name">添加</div>
            <div class="code">&amp;#xe654;</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">编辑</div>
            <div class="code">&amp;#xe642;</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">删除</div>
            <div class="code">&amp;#xe640;</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">向下</div>
            <div class="code">&amp;#xe61a;</div>
            <div class="fontclass">.xiangxia</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">文件</div>
            <div class="code">&amp;#xe621;</div>
            <div class="fontclass">.wenjian</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">布局</div>
            <div class="code">&amp;#xe632;</div>
            <div class="fontclass">.layouts</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">对勾</div>
            <div class="code">&amp;#xe618;</div>
            <div class="fontclass">.duigou</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">添加</div>
            <div class="code">&amp;#xe608;</div>
            <div class="fontclass">.tianjia1</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">么么直播－翻页</div>
            <div class="code">&amp;#xe633;</div>
            <div class="fontclass">.yaoyaozhibofanye</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">404</div>
            <div class="code">&amp;#xe61c;</div>
            <div class="fontclass">.404</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">轮播组图</div>
            <div class="code">&amp;#xe634;</div>
            <div class="fontclass">.lunbozutu</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">help</div>
            <div class="code">&amp;#xe607;</div>
            <div class="fontclass">.help</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">代码1</div>
            <div class="code">&amp;#xe635;</div>
            <div class="fontclass">.daima1</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">进水</div>
            <div class="code">&amp;#xe636;</div>
            <div class="fontclass">.jinshui</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">关于</div>
            <div class="code">&amp;#xe60b;</div>
            <div class="fontclass">.guanyu</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">向上</div>
            <div class="code">&amp;#xe619;</div>
            <div class="fontclass">.xiangshang</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">日期</div>
            <div class="code">&amp;#xe637;</div>
            <div class="fontclass">.riqi</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">文件</div>
            <div class="code">&amp;#xe61d;</div>
            <div class="fontclass">.wenjian1</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">top</div>
            <div class="code">&amp;#xe604;</div>
            <div class="fontclass">.top</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">好友请求</div>
            <div class="code">&amp;#xe612;</div>
            <div class="fontclass">.haoyouqingqiu</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">对</div>
            <div class="code">&amp;#xe605;</div>
            <div class="fontclass">.weibiaoti1</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">窗口</div>
            <div class="code">&amp;#xe638;</div>
            <div class="fontclass">.chuangkou</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">表情</div>
            <div class="code">&amp;#xe60c;</div>
            <div class="fontclass">.comiisbiaoqing</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">正确</div>
            <div class="code">&amp;#xe616;</div>
            <div class="fontclass">.zhengque</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">我的好友</div>
            <div class="code">&amp;#xe613;</div>
            <div class="fontclass">.iconfontwodehaoyou</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">文件下载</div>
            <div class="code">&amp;#xe61e;</div>
            <div class="fontclass">.wenjianxiazai</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">图片</div>
            <div class="code">&amp;#xe60d;</div>
            <div class="fontclass">.tupian</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">链接</div>
            <div class="code">&amp;#xe64c;</div>
            <div class="fontclass">.lianjie</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">记录</div>
            <div class="code">&amp;#xe60e;</div>
            <div class="fontclass">.jilu</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">文件夹</div>
            <div class="code">&amp;#xe622;</div>
            <div class="fontclass">.liucheng</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">font-strikethrough</div>
            <div class="code">&amp;#xe64f;</div>
            <div class="fontclass">.fontstrikethrough</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">unlink</div>
            <div class="code">&amp;#xe64d;</div>
            <div class="fontclass">.unlink</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">编辑_文字</div>
            <div class="code">&amp;#xe639;</div>
            <div class="fontclass">.bianjiwenzi</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">三角</div>
            <div class="code">&amp;#xe623;</div>
            <div class="fontclass">.sanjiao</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">单选框-候选</div>
            <div class="code">&amp;#xe63f;</div>
            <div class="fontclass">.danxuankuanghouxuan</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">单选框-选中</div>
            <div class="code">&amp;#xe643;</div>
            <div class="fontclass">.danxuankuangxuanzhong</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">居中对齐</div>
            <div class="code">&amp;#xe647;</div>
            <div class="fontclass">.juzhongduiqi</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">右对齐</div>
            <div class="code">&amp;#xe648;</div>
            <div class="fontclass">.youduiqi</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">左对齐</div>
            <div class="code">&amp;#xe649;</div>
            <div class="fontclass">.zuoduiqi</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">勾选框（未打勾）</div>
            <div class="code">&amp;#xe626;</div>
            <div class="fontclass">.gongsisvgtubiaozongji22</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">勾选框（已打勾）</div>
            <div class="code">&amp;#xe627;</div>
            <div class="fontclass">.gongsisvgtubiaozongji23</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">加粗</div>
            <div class="code">&amp;#xe62b;</div>
            <div class="fontclass">.jiacu</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">聊天 对话 IM 沟通</div>
            <div class="code">&amp;#xe63a;</div>
            <div class="fontclass">.liaotianduihuaimgoutong</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">文件夹_反</div>
            <div class="code">&amp;#xe624;</div>
            <div class="fontclass">.wenjianjiafan</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">手机</div>
            <div class="code">&amp;#xe63b;</div>
            <div class="fontclass">.shouji</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">表情</div>
            <div class="code">&amp;#xe650;</div>
            <div class="fontclass">.biaoqing</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">html</div>
            <div class="code">&amp;#xe64b;</div>
            <div class="fontclass">.html</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">表单</div>
            <div class="code">&amp;#xe63c;</div>
            <div class="fontclass">.biaodan</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">tab</div>
            <div class="code">&amp;#xe62a;</div>
            <div class="fontclass">.25</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">emw_代码</div>
            <div class="code">&amp;#xe64e;</div>
            <div class="fontclass">.emwdaima</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">字体-下划线</div>
            <div class="code">&amp;#xe646;</div>
            <div class="fontclass">.zitixiahuaxian</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">三角</div>
            <div class="code">&amp;#xe625;</div>
            <div class="fontclass">.sanjiao1</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">图片</div>
            <div class="code">&amp;#xe64a;</div>
            <div class="fontclass">.tupian-copy-copy</div>
        </li>
        <li>
            <i class="layui-icon"></i>
            <div class="name">斜体</div>
            <div class="code">&amp;#xe644;</div>
            <div class="fontclass">.xieti</div>
        </li>
    </ul>
</div>
<script type="text/javascript" src="../layui/layui.js"></script>
<script>
    layui.use(['form','jquery','layer'],function(){
        var     form = layui.form,
                $     = layui.jquery,
                layer = layui.layer,
                index = parent.layer.getFrameIndex(window.name);

        $(".site-doc-icon li").on("click",function () {
            var selectIcon = $(this).find("i.layui-icon").html();
            parent.$("#realIcon").show().html(selectIcon);
            parent.$("#iconValue").val(selectIcon);
            parent.layer.close(index);
        });
    });
</script>
</body>
</html>